<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 设置标头logo -->
		<link rel="icon" href="img/tyust.png">
		<title>2019级毕业实习</title>
				<style>
					label {
						width: 100px;
						text-align: right;
						display: inline-block;
					}
					div {
						border: 1px solid black;
						margin: 5px auto;
						padding: 5px 20px;
					}
				</style>
	</head>
	<body>
		<h2>表单-项目开发必用-律师档案创建</h2>
				<form action="tit.html" action="post">
					用户名 <input type="text" placeholder="=请输入用户名"/>
					<br>
					密码<input type="password"/>
					<br>
					生日<input type="date"/>
					<br>
					性别<input type="radio" name="gender"/>女
					   <input type="radio" name="gender"/>男
					<br>
					籍贯<select>
						<option>河北</option>
						<option>辽宁</option>
						<option>广东</option>
					</select>
					<br>
								爱好 <input type="checkbox"/> 踢球
								     <input type="checkbox"/> 旅游
								     <input type="checkbox"/> 骑行
								<br>
								照片<input type="file"/>
								<br>
								备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
							    <br>
								<input type="submit" value="注册"/>
								<input type="reset" value="重填"/>
				</form>
				<h2>超链接</h2>
				<a href="http://www.tyust.edu.cn">太原科技大学</a>
				<h2>图片</h2>
				<img src="img/tyust.png" width="50px" height="50px"/>
				<h2>表格</h2>
				<table border="1px" width="500px">
					<tr>
						<td>车次</td>
						<td>出发站</td>
						<td>历时</td>
						<td>
							<button>预订</button>
						</td>
					</tr>
					<tr>
						<td>G601</td>
						<td>太原南</td>
						<td>2小时15分</td>
						<td>
											<button>预订</button>
										</td>
									</tr>
									<tr>
										<td>G601</td>
										<td>太原南</td>
										<td>2小时15分</td>
										<td>
											<button>预订</button>
										</td>
					</tr>
				</table>
				<h2>DIV使用</h2>
				<div>
					太原科技大学 计算机与技术学院 潘院长
					<img src="img/tyust.png"/>
				</div>
				<h2>span用法</h2>
				<input type="text"/><span style="color:red"用户名不能为空! </span>
				<h2>列表</h2>
				<ul>
					<li>软件工程专业</li>
					<li>智能科学与技术</li>
					<li>物联网工程专业</li>
				</ul>
				<ol>
					<li>软件工程专业</li>
					<li>智能科学与技术专业</li>
					<li>物联网工程专业</li>
				</ol>
	</body>
</html>
